<script lang="ts" setup>
import { debug } from '@/libs/config'

let plateform = ''

// #ifdef WEB
plateform = 'WEB'
// #endif

// #ifdef MP-WEIXIN
plateform = '微信小程序'
// #endif

// #ifdef MP-TOUTIAO
plateform = '抖音小程序'
// #endif

// #ifdef APP
plateform = 'APP'
// #endif
</script>

<template>
  <div
    v-if="debug"
    class="test-flag"
  >测试服 - {{ plateform }}</div>
</template>

<style lang="less" scoped>
.test-flag {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0 10rpx;
  background-color: darkgreen;
  font-size: 30rpx;
  opacity: .5;
  pointer-events: none;

  color: #fff;

  z-index: 9999;
}
</style>